{% extends "base.html" %}

{% block title %}

{% endblock title %}

{% block head %}

	<link rel="stylesheet" href="/overview.base.css" type="text/css">

		<script language="JavaScript"> 

	function change(id) {
		var elt = document.getElementById(id);
		elt.style.backgroundColor='#FFF';  
	}
	</script>

{% endblock head %}

{% block header %}

	HEADER

{% endblock header %}

{% block MainNav %}

	MAIN-NAV

{% endblock MainNav %}
	
{% block sidebar %}

	SIDEBAR

{% endblock sidebar %}


{% block list %}

	<div class="cell" id="c1" onclick="change('c1');">
		<input class="cell-select" type="checkbox" name="cell1">
		<img class="cell-img">
		<span class="cell-name">TEST1</span>
		<span class="cell-lastchange">LASTCHANGE</span>
		<input class="cell-edit" type="button" name="edit">
		<input class="cell-remove" type="button" name="remove">
	</div>

	<div class="cell" id="c2" onclick="change('c2');">
		<input class="cell-select" type="checkbox" name="cell1">
		<img class="cell-img">
		<span class="cell-name">TEST1</span>
		<span class="cell-lastchange">LASTCHANGE</span>
		<input class="cell-edit" type="button" name="edit">
		<input class="cell-remove" type="button" name="remove">
	</div>
	<div class="cell" id="c1" onclick="change('c1');">
		<input class="cell-select" type="checkbox" name="cell1">
		<img class="cell-img">
		<span class="cell-name">TEST1</span>
		<span class="cell-lastchange">LASTCHANGE</span>
		<input class="cell-edit" type="button" name="edit">
		<input class="cell-remove" type="button" name="remove">
	</div>

	<div class="cell" id="c2" onclick="change('c2');">
		<input class="cell-select" type="checkbox" name="cell1">
		<img class="cell-img">
		<span class="cell-name">TEST1</span>
		<span class="cell-lastchange">LASTCHANGE</span>
		<input class="cell-edit" type="button" name="edit">
		<input class="cell-remove" type="button" name="remove">
	</div>
	<div class="cell" id="c1" onclick="change('c1');">
		<input class="cell-select" type="checkbox" name="cell1">
		<img class="cell-img">
		<span class="cell-name">TEST1</span>
		<span class="cell-lastchange">LASTCHANGE</span>
		<input class="cell-edit" type="button" name="edit">
		<input class="cell-remove" type="button" name="remove">
	</div>

	<div class="cell" id="c2" onclick="change('c2');">
		<input class="cell-select" type="checkbox" name="cell1">
		<img class="cell-img">
		<span class="cell-name">TEST1</span>
		<span class="cell-lastchange">LASTCHANGE</span>
		<input class="cell-edit" type="button" name="edit">
		<input class="cell-remove" type="button" name="remove">
	</div>
	<div class="cell" id="c1" onclick="change('c1');">
		<input class="cell-select" type="checkbox" name="cell1">
		<img class="cell-img">
		<span class="cell-name">TEST1</span>
		<span class="cell-lastchange">LASTCHANGE</span>
		<input class="cell-edit" type="button" name="edit">
		<input class="cell-remove" type="button" name="remove">
	</div>

	<div class="cell" id="c2" onclick="change('c2');">
		<input class="cell-select" type="checkbox" name="cell1">
		<img class="cell-img">
		<span class="cell-name">TEST1</span>
		<span class="cell-lastchange">LASTCHANGE</span>
		<input class="cell-edit" type="button" name="edit">
		<input class="cell-remove" type="button" name="remove">
	</div>
{% endblock list %}
